* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}

body {
	transition: background-color 0.3s ease, color 0.3s ease;
}

a {
	text-decoration: none;
}

/* 明亮模式样式 */
html {
	--app-bg-color: #ffffff;
	--app-text-color: #303133;
	--app-border-color: #dcdfe6;
	--app-shadow-color: rgba(0, 0, 0, 0.1);
}

/* 暗黑模式样式 */
html.dark {
	/* Element Plus 暗黑模式变量覆盖 */
	--el-bg-color: #141414;
	--el-bg-color-page: #0a0a0a;
	--el-text-color-primary: #e5eaf3;
	--el-text-color-regular: #cfd3dc;
	--el-text-color-secondary: #a3a6ad;
	--el-text-color-placeholder: #8d9095;
	--el-text-color-disabled: #6c6e72;
	--el-border-color: #4c4d4f;
	--el-border-color-light: #414243;
	--el-border-color-lighter: #363637;
	--el-border-color-extra-light: #2b2b2c;
	--el-border-color-dark: #58585b;
	--el-border-color-darker: #636466;
	--el-fill-color: #303133;
	--el-fill-color-light: #262727;
	--el-fill-color-lighter: #1d1e1f;
	--el-fill-color-extra-light: #191a1b;
	--el-fill-color-dark: #39393a;
	--el-fill-color-darker: #424243;
	--el-fill-color-blank: transparent;

	/* 自定义应用变量 */
	--app-bg-color: #141414;
	--app-text-color: #e5eaf3;
	--app-border-color: #4c4d4f;
	--app-shadow-color: rgba(0, 0, 0, 0.3);
}

/* 应用全局背景 */
body {
	background-color: var(--app-bg-color);
	color: var(--app-text-color);
}

/* 确保所有容器都使用主题色 */
#app {
	background-color: var(--app-bg-color);
	color: var(--app-text-color);
	min-height: 100vh;
}
.step-font {
	font-size: 16px;
}
.el-tour {
	.el-tour__footer {
		.el-tour-buttons {
			.el-button--small:hover {
				color: #fff;
			}
		}
	}
}
